<!DOCTYPE HTML>
<html>
  <head>
    <title>Movie DB</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <style type="text/css">
      .header {
        margin-top:20px;
      }

      #signup-form{
        margin-left: 25%;
        margin-right: 25%;
        border-style: solid;
        border-width: 1px;
        background-color: rgb(247, 247, 247);
        font-weight: bold;
        border-radius: 15px;
        padding: 10px;
      
      }


    </style>
  </head>


  <body>
    <div class="container">
      <!--marketplace banner photo -->
      <div class="header row-fluid">
        <div class="span7">
          <h1>Online Movie Rental System
            <small> CS2102 </small>
          </h1>
        </div>
        <div clas="span5">
            <div class="btn-group pull-right" style="margin-top:20px">
              <a class="btn btn-success"> Sign in </a>  
              <a class="btn"> Hello </a>  
            </div>
          
        </div>
      </div>

      <div class="navbar">
        <div class="navbar-inner">
          <a class="brand" href="#">MOVIES!</a>
          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
          </ul>
        </div>
      </div>


      <!-- sign up form -->
      <div id="form-wrapper">
         <form class="form-horizontal" id="signup-form">
              <div class="control-group">
                <label class="control-label" for="Name">Username</label>
                <div class="controls">
                  <input type="text" id="name" placeholder="your username?">
                </div>
              </div>

              <div class="control-group">
                <label class="control-label" for="email">email</label>
                <div class="controls">
                  <input type="text" id="email" placeholder="your email address?">
                </div>
              </div>


              <div class="control-group">
                <label class="control-label" for="inputPassword">Password</label>
                <div class="controls">
                  <input id="inputPassword" type="password" placeholder="Password">
                </div>
              </div>

              <div class="control-group">
                <label class="control-label" for="inputPassword2">Confirm Password</label>
                <div class="controls">
                  <input id="inputPassword2" type="password" placeholder="Please enter again">
                </div>
              </div>

              <div class="control-group">
                <div class="controls">
                  <label class="checkbox">
                    <input type="checkbox"> I have read the types and conditions
                  </label>
                  <button type="submit" class="btn">Sign in</button>
                </div>
              </div>
            </form>
        </div>
